* {
  padding: 0;
  margin: 0;
}

html {
  font-size: 21px;
  user-select: none;
}

body {
  background-color: #2c2c2c;
  /* background-color: #303030; */
  font-family: Ubuntu;
  font-size: 1em;
}

.App {
  display: flex;
  height: 100vh;
  width: 100vw;
}

/* ::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
} */

/* ::-moz-horizontal-scrollbar {
  width: 100px;
  background-color: #00ff00;
} */

:root {
  scrollbar-color: gray #00000000 !important;
  scrollbar-width: 1px 1px !important;
}
